*{ margin: 0; padding: 0; }
body{ font-size: 14px; font-family: Georgia; background: url('../Images/background.png'); overflow-y: scroll; letter-spacing: 0.3px; }
a{ color: #3B5998; font-size: 12px; }

.global-container{ width: 100%; margin-bottom: 50px; }
.spacer{ clear:both; height:1px; }

.header{ width: 100%; height: 100px; background: white; box-shadow: 0 1px 8px black; }
.header h1{ width: 800px; margin: auto; padding: 10px 0 0 20px; font-weight: 100; font-size: 30px; letter-spacing: -2px; }
.header h2{ width: 800px; margin: auto; padding: 0 0 0 20px; color: #1F160F; font-weight: 100; font-size: 17px; }
#right{ width: 800px; margin: auto; text-align: right;  }
#Zoek { border: 1px solid red; padding: 1px; }

.menu{ width: 800px; height: 40px; padding-top: 10px; margin: auto; line-height: 40px; }
.menu ul{ list-style-type: none; }
.menu li{ display: block; float: left; }
.menu ul li a{ display: block; padding: 0 10px 0 10px; text-decoration: none; color: #fff; font-size: 14px; font-weight: 100; }
.menu ul li a:hover{ color: #111; background: #fff; }

.image-container{ width: 800px; margin: auto; padding: 10px 10px 15px 10px; overflow: hidden; }
.image1{ width: 200px; height: 100px; float: left; margin-right: 100px; box-shadow: 0 0 3px 1px black; background: url('../Images/Pizza-frontpage/pizza1.jpg'); background-size: auto; }
.image2{ width: 200px; height: 100px; float: left; margin-right: 100px; box-shadow: 0 0 3px 1px black; background: url('../Images/Pizza-frontpage/pizza2.jpg'); background-size: auto; }
.image3{ width: 200px; height: 100px; float: left; box-shadow: 0 0 3px 1px black; background: url('../Images/Pizza-frontpage/pizza3.jpg'); background-size: auto; }

.content-container{ width: 800px; min-height: 300px; margin: auto; overflow: hidden; background: white; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 8px 1px black; }

.left-content{ width: 560px; padding: 10px; float: left; }
.left-content h1{ font-size: 20px; padding-bottom: 10px; color: red; font-style: italic; }

.right-content{ width: 200px; padding: 10px; float: right; }
.right-content h1{ font-size: 20px; padding-bottom: 10px; color: red; font-style: italic; }

.login-content{ width: 200px; padding: 10px; }
.login-content p{ font-size: 12px; padding-bottom: 10px;}
.login-content label{ float: left; }
.login-content input.login{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #3C72AB; width:150px; margin:2px 0 5px 0; background: white; }
.login-content select.login{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #3C72AB; width:206px; margin:2px 0 5px 0; }
.login-content input.login:focus{ border: 1px solid #4D90FE; }

.login-content input.submit{ padding: 3px 4px; font-size: 12px; font-weight: bold; font-family: Arial; color: white; cursor: pointer; border: 1px solid #3A495A; border-radius: 2px 2px 2px 2px; background: #3C72AB; }
.login-content input.submit:hover{ background: #3F7CBE; border: 1px solid #3A495A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: white; }
.login-content input.submit::-moz-focus-inner{ padding: 0; border: 0; }

.register-content{ font-size: 16px; }
.register-content h1 { margin-bottom:8px; }
.register-content p{ margin-bottom:20px; padding-bottom:10px; }
.register-content label{ display:block; text-align:right; width:150px; float:left; }
.register-content .small{ display:block; font-size:11px; font-weight:normal; text-align:right; width:150px; }

.register-content input.register{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #3C72AB; width:200px; margin:2px 0 20px 10px; background: white; }
.register-content select.register{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #3C72AB; width:206px; margin:2px 0 20px 10px; }
.register-content input.register:focus{ border: 1px solid #4D90FE; }

.register-content input.submit{ margin-left:160px; padding: 5px 6px; font-size: 13px; font-weight: bold; font-family: Arial; color: white; cursor: pointer; border: 1px solid #3A495A; border-radius: 2px 2px 2px 2px; background: #3C72AB; margin-right: 5px; }
.register-content input.submit:hover{ background: #3F7CBE; border: 1px solid #3A495A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: white; }
.register-content input.submit::-moz-focus-inner{ padding: 0; border: 0; }

img.restaurant{float: right;}
.pizzaoverzicht li {display: inline; float: left; margin-left: 8px; margin-bottom: 15px;}
.winkelwagenoverzicht li {display:table-row; margin-bottom: 15px;}
.pizzaoverzicht2 li {display: inline; float: left; margin-left: 8px; margin-right: 30px; margin-bottom: 15px;}
.winkelwagenoverzicht3 li { float:left; margin-left: 15px;}
.datapager_pizza2 {margin:auto;}


.leftpizzadetails{ float: left; }
.rightpizzadetails{ padding-left: 310px; }
.rightpizzadetails ul{ padding-left: 20px; list-style-type: square; }

.login-status{ margin-bottom: 10px; }

#pizzaoverzicht_div ul{ min-height: 130px; }
.login-status{ margin-bottom: 10px; }

#opslaansectie {float:left; position:relative;}

#ContentPlaceHolder1_Body{ resize: none; }

textarea
{
    width: 550px;
    height: 120px;
}

.gastform input{ }